﻿
<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="工程咨询,BIM咨询,BIM族库,族库,BIM,构件库,建筑咨询,比蒙网,BIMOTT,构件库下载,族库下载,怎样建设族库,族库是什么,族库有什么用,施工模拟,工程算量,建材,建材供应商,材料,BIM学习,BIM培训" />
<meta name="Description" content="比蒙网（BIMOTT）-专业的建筑工程信息资源共享网，是面向BIM工程咨询与族库建设的交流、学习和门户平台，拥有强大的族库和构件库，提供建模效率和速度，BIM工程师可以进行交流分享和学习，比蒙网致力于营造一个公平、公正、公开的学习与交流平台" />
<title>产品_比蒙网（BIMOTT）</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/pro2/resources/o/theme/default/style/js/jquery-1.11.0.js" type="text/javascript"></script>
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/font-awesome.css" type="text/css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/owl.carousel.css" media="screen" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/owl.theme.css" media="screen" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/bootstrap.3.2.0.css" type="text/css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/bootstrap-select.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/theme.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/theme-elements.css" type="text/css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/theme-animate.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/theme-shop.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/settings.css" media="screen" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/component.css" media="screen" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/bim.css" type="text/css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/custom.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/theme-responsive.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/datepicker3.css" />
<link rel="stylesheet" href="/pro2/resources/o/theme/default/css/other.css" />
<!--[if IE]>
        <link rel="stylesheet" href="/pro2/resources/o/theme/default/style/css/ie.css">
    <![endif]-->
<!--[if lte IE 8]>
        <script src="/pro2/resources/o/theme/default/style/js/respond.js"></script>
    <![endif]-->
<script src="/pro2/resources/o/lib/js/jquery.js"></script>
<script src="/pro2/resources/o/lib/js/jquery-migrate-1.1.0.min.js"></script>
<script src="/pro2/resources/o/lib/tips/jquery.tips.js"></script>
<script src="/pro2/resources/o/lib/js/base.js"></script>
<script src="/pro2/resources/o/lib/validator/jquery.validator.js"></script>
<script src="/pro2/resources/o/lib/validator/zh_CN.js"></script>
<script src="/pro2/resources/o/theme/default/js/sdcms.js"></script>
<link href="/pro2/resources/o/theme/default/style/css/WebResource.axd.css" rel="stylesheet" type="text/css" media="screen" />
<script src="/pro2/resources/o//theme/default/style/js/fancyBox.js" type="text/javascript"></script>
</head>

<body>
<div class="body">
    
<header>
    <div class="container"> 
      <!--[if IE 6]> <div class="alert alert-warning text-center browsercheck"><div class="space10"><button type="button" id="close" class="close" onclick="$('.browsercheck').hide('slow'); var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); var expires = '; expires='+date.toGMTString(); document.cookie = 'BrowserInfo=0'+expires+'; path=/';" aria-hidden="true">&times;</button></div><h4>Old version of Internet Explorer detected!</h4><p>To have the best possible experience on bimojbect.com please update your browser to a newer version</p></div> <![endif]--> 
      <!--[if IE 7]> <div class="alert alert-warning text-center browsercheck"><div class="space10"><button type="button" id="close" class="close" onclick="$('.browsercheck').hide('slow'); var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); var expires = '; expires='+date.toGMTString(); document.cookie = 'BrowserInfo=0'+expires+'; path=/';" aria-hidden="true">&times;</button></div><h4>Old version of Internet Explorer detected!</h4><p>To have the best possible experience on bimojbect.com please update your browser to a newer version</p></div> <![endif]--> 
      <!--[if IE 8]> <div class="alert alert-warning text-center browsercheck"><div class="space10"><button type="button" id="close" class="close" onclick="$('.browsercheck').hide('slow'); var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); var expires = '; expires='+date.toGMTString(); document.cookie = 'BrowserInfo=0'+expires+'; path=/';" aria-hidden="true">&times;</button></div><h4>Old version of Internet Explorer detected!</h4><p>To have the best possible experience on bimojbect.com please update your browser to a newer version</p></div> <![endif]--> 
      <!--[if IE 9]> <div class="alert alert-warning text-center browsercheck"><div class="space10"><button type="button" id="close" class="close" onclick="$('.browsercheck').hide('slow'); var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); var expires = '; expires='+date.toGMTString(); document.cookie = 'BrowserInfo=0'+expires+'; path=/';" aria-hidden="true">&times;</button></div><h4>Old version of Internet Explorer detected!</h4><p>To have the best possible experience on bimojbect.com please update your browser to a newer version</p></div> <![endif]--> 
      
      <span class="logo"><a href="/"><img alt="BIMobject" src="/pro2/resources/o/upfile/201512/2015121776634473.jpg"></a></span> </div>
    <div class="navbar-collapse nav-main-collapse collapse">
      <div class="container">
        <nav class="nav-main mega-menu" id="userpanel">
          
        </nav>
      </div>
    </div>
  </header>
   <div id="useragreement-modal" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-lg">
      <div class="modal-content"></div>
    </div>
  </div>
  <div id="privacy-policy-modal" class="modal fade" tabindex="-1">
    <div class="modal-dialog modal-lg">
      <div class="modal-content"></div>
    </div>
  </div>
  
<div id="content" style="display: none;" data-bind="visible: true">
    <div class="container">
        <div class="space10"></div>
        <div class="row">
            <div class="col-xs-12 col-md-3">
                <div class="search">
                    <div class="input-group input-group-sm">
                        <input name="freesearch" id="freesearch" type="text" class="form-control search" maxlength="100"
                               data-bind="value: filter.FreeText, event: { change: function() { filterChanged(); } }, enterPress: function() { $('#productsearchbutton').focus(); $('#freesearch').focus(); }"
                               placeholder="在此搜索...">
                        <span class="input-group-btn">
                            <button class="btn btn-primary" type="button" id="productsearchbutton" data-bind="click: function() { filterChanged(200); }">
                                <i class="icon icon-search"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-sm-11 col-md-9 hidden-xs">
                <div class="space20 visible-xs visible-sm"></div>
                <div class="btn-group">
                    <div class="btn-group search-filter">
                        <select class="selectpicker" data-style="btn btn-primary btn-sm selectfirst" data-live-search="true"
                                data-active-class="dropdown-selected-blue"
                                data-bind="options: sources.ManufacturerSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '品牌', value: filter.Manufacturer, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                    <div class="btn-group search-filter">
                        <select name="categoryFilter" class="selectpicker" data-style="btn btn-primary btn-sm selectmiddle" data-live-search="true"
                                data-active-class="dropdown-selected-blue"
                                data-bind="options: sources.CategorySource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: 'BIM 对象分类', value: filter.CategoryId, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                    <div class="btn-group search-filter">
                        <select class="selectpicker" data-style="btn btn-primary btn-sm selectmiddle" data-live-search="true"
                                data-active-class="dropdown-selected-blue"
                                data-bind="options: sources.MaterialSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '材料', value: filter.MaterialId, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                    <div class="btn-group search-filter">
                        <select class="selectpicker" data-style="btn btn-primary btn-sm selectmiddle" data-live-search="true"
                                data-active-class="dropdown-selected-blue"
                                data-bind="options: sources.BuildingTypeSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '构建类型', value: filter.BuildingTypeId, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                    <div class="btn-group search-filter">
                        <select class="selectpicker" data-style="btn btn-primary btn-sm selectlast" data-live-search="true"
                                data-active-class="dropdown-selected-blue"
                                data-bind="options: sources.FunctionalSpaceSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '功能空间', value: filter.FunctionalSpaceId, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                </div>
            </div>
        </div>
        <div class="space5"></div>
        <div class="row">
            <div class="col-xs-8 col-sm-4 col-md-3">
                <div class="btn-toolbar pull-left" role="toolbar">
                    <div class="btn-group">
                        <button class="btn btn-default sort-source" id="btn-list" data-option-key="filter" type="button" data-toggle="tooltip" data-placement="bottom" data-container="body" title="列表视图"
                                data-bind="click: changeListStyle.bind($data, 'list'), css: { 'active': selectedListStyle() === 'list' }">
                            <span class="icon icon-bars"></span>
                        </button>
                        <button class="btn btn-default sort-source" id="btn-grid" data-option-key="filter" type="button" data-toggle="tooltip" data-placement="bottom" data-container="body" title="网格视图"
                                data-bind="click: changeListStyle.bind($data, 'grid'), css: { 'active': selectedListStyle() === 'grid' }">
                            <span class="icon icon-th"></span>
                        </button>
                    </div>
                    
                </div>
            </div>

            <div class="col-xs-4 col-sm-4 col-md-4">


                
                <a  class="btn btn-default btn-sm pull-right" data-container="body" data-toggle="tooltip" data-placement="bottom" title="移除所有过滤器和搜索结果"
                   data-bind="enable: isFilterActive(), css: { 'disabled': !isFilterActive() }, click: function() { filterReset(); filterChanged(10); }">
                    <i class="icon icon-times"></i> 重置过滤器
                </a>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-5">
                <div class="row">
                    <div class="space10 visible-xs"></div>
                    <div style="display:none">
                    <div class="col-xs-4 hidden-sm col-md-4 marginright1">
                        <select class="selectpicker form-control" data-style="btn btn-default btn-sm selectfirst selectlast"
                                data-active-class="dropdown-selected-grey"
                                data-bind="options: sources.ListOrderSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '最新添加', value: filter.ListOrder, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                    </div>
                    <div class="col-xs-4 hidden-sm col-md-4 marginright1">
                        <select class="selectpicker form-control" data-style="btn btn-default btn-sm selectfirst selectlast"
                                data-active-class="dropdown-selected-grey"
                                data-bind="options: sources.ContentTypeSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '类型', value: filter.ContentTypeId, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                    <div class="col-xs-4 col-sm-12 col-md-4 marginright1">
                        <select class="selectpicker form-control" data-style="btn btn-default btn-sm selectfirst selectlast"
                                data-active-class="dropdown-selected-grey"
                                data-bind="options: sources.FileTypeSource, optionsValue: 'Id', optionsText: 'Name', optionsCaption: '文件类型', value: filter.FileTypeId, event: { change: function() { filterChanged(); } }"></select>
                    </div>
                </div>
            </div>
        </div>

        <div class="space1"></div>
        <hr class="hr-xs" />
        <div class="space1"></div>

        <div class="row text-center" data-bind="if: !filter.MyBoard() && !filter.Board()">
            <div class="searchresults" id="searchresult_productcount_text">
                <span class="inverted" data-bind="text: numeral(searchResult.numberOfProducts()).format('#,0')"></span> 产品带有
                <span class="inverted" data-bind="text: numeral(searchResult.numberOfDownloads()).format('#,0')"></span> BIM 对象下载
                 <span class="inverted" data-bind="text: numeral(searchResult.numberOfManufacturers()).format('#,0')"></span> 真实生产商
            </div>
            <div class="space30"></div>
        </div>

        <div class="space1"></div>


        <!-- ko if: searchErrors().length > 0 -->
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-danger text-center">
                    <ul class="list-inline" data-bind="foreach: searchErrors">
                        <li data-bind="text: $data"></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /ko -->

    </div>

    <!-- ko if: selectedListStyle() === 'grid' -->
    <div class="horisontalpadding" >
        <ul id="productovergrid_container" class="products product-thumb-info-list" >
            <li class="product searchproduct" >
                <div class="portfolio-item img-thumbnail">
                    <a hrf={{p.ManufacturerUrl}}><img src="/pro2/resources/bm/image/log1.jpg"  class="searchlogo" alt=""></a>
                    <a class="thumb-info" data-bind="attr: { href: $data.Url, title: $data.Name }">
                        <img src="/pro2/resources/bm/image/2016011839519609.jpg"  class="product-image img-responsive" alt="">
                        <h2 class="product">嘉定新城F04-2地块商住办项目-次卧2</h2>
                    </a>
                    <a href={{p.ManufacturerUrl}} title={{p.ManufacturerName}} >
                        <h4 class="product" >上海建工装饰集团</h4>
                    </a>
                      
                </div>
            </li>
              <li class="product searchproduct" >
                <div class="portfolio-item img-thumbnail">
                    <a hrf={{p.ManufacturerUrl}}><img src="/pro2/resources/o/theme/default/style/images/empty.gif" data-bind="attr: { src: $data.ManufacturerLogoUrl, alt: $data.ManufacturerName }" class="searchlogo" alt=""></a>
                    <a class="thumb-info" data-bind="attr: { href: $data.Url, title: $data.Name }">
                        <img src="/pro2/resources/o/theme/default/style/images/empty.gif" data-bind="attr: { src: $data.ImageUrl }" class="product-image img-responsive" alt="">
                        <h2 class="product" data-bind="text: $root.dotdotdot($data.Name(), 30), attr: { title: $data.Name }">BIM product name</h2>
                    </a>
                    <a href={{p.ManufacturerUrl}} title={{p.ManufacturerName}} >
                        <h4 class="product" data-bind="text: $data.ManufacturerName">Name of the manufacturer</h4>
                    </a>
                    <div class="preview-product" data-bind="if: {{p.status}} == 'Preview' || $data.ManufacturerVisibility() == 'Hidden'">
                        <span class="icon-stack icon-lg" data-bind="visible: $data.ProductStatus() == 'Preview'">
                            <i class="icon icon-bookmark icon-stack-2x"></i>
                            <i class="icon icon-eye icon-stack-1x" title="这个产品处于预览模式"></i>
                        </span>
                        <span class="icon-stack icon-lg hidden-product" data-bind="visible: $data.ManufacturerVisibility() == 'Hidden'">
                            <i class="icon icon-bookmark icon-stack-2x"></i>
                            <i class="icon icon-lock icon-stack-1x" title="该产品是隐藏的"></i>
                        </span>
                        
                    </div>
                      
                </div>
            </li>
              <li class="product searchproduct" >
                <div class="portfolio-item img-thumbnail">
                    <a hrf={{p.ManufacturerUrl}}><img src="/pro2/resources/o/theme/default/style/images/empty.gif" data-bind="attr: { src: $data.ManufacturerLogoUrl, alt: $data.ManufacturerName }" class="searchlogo" alt=""></a>
                    <a class="thumb-info" data-bind="attr: { href: $data.Url, title: $data.Name }">
                        <img src="/pro2/resources/o/theme/default/style/images/empty.gif" data-bind="attr: { src: $data.ImageUrl }" class="product-image img-responsive" alt="">
                        <h2 class="product" data-bind="text: $root.dotdotdot($data.Name(), 30), attr: { title: $data.Name }">BIM product name</h2>
                    </a>
                    <a href={{p.ManufacturerUrl}} title={{p.ManufacturerName}} >
                        <h4 class="product" data-bind="text: $data.ManufacturerName">Name of the manufacturer</h4>
                    </a>
                    <div class="preview-product" data-bind="if: {{p.status}} == 'Preview' || $data.ManufacturerVisibility() == 'Hidden'">
                        <span class="icon-stack icon-lg" data-bind="visible: $data.ProductStatus() == 'Preview'">
                            <i class="icon icon-bookmark icon-stack-2x"></i>
                            <i class="icon icon-eye icon-stack-1x" title="这个产品处于预览模式"></i>
                        </span>
                        <span class="icon-stack icon-lg hidden-product" data-bind="visible: $data.ManufacturerVisibility() == 'Hidden'">
                            <i class="icon icon-bookmark icon-stack-2x"></i>
                            <i class="icon icon-lock icon-stack-1x" title="该产品是隐藏的"></i>
                        </span>
                        
                    </div>
                      
                </div>
            </li>
        </ul>
    </div>
    <!-- /ko -->
    <!-- ko if: selectedListStyle() === 'list' -->
    <div class="container minheight200">
        <div class="row">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th></th>
                             
                            <th>名称</th>
                            <th>产品组</th>
                            <th>厂家唯一识别号</th>
                            <th>品牌</th>
                            <th>BIM对象类别</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                          
                            <td>
                                <a data-bind="attr: { href: $data.ImageUrl }, event: { mouseover: $root.showPreviewImage, mouseout: $root.hidePreviewImage }">
                                    <img src="/pro2/resources/o/theme/default/style/images/empty.gif" class="img-listpreview" alt="" data-bind="attr: { src: $data.ImageThumbUrl }">
                                </a>
                            </td>
                            <td><a data-bind="attr: { href: '/pro2/resources/prodImg/2016011562530513.jpg' }, text: $data.Name" class="floatleft"></a> <div data-bind="visible: $data.ProductStatus == 'Preview'" class="floatleft">&nbsp;<i class="icon icon-circle text-warning" title="预览"></i></div></td>
                            <td data-bind="text: $data.ProductGroupName"></td>
                            <td data-bind="text: $data.SKU"></td>
                            <td data-bind="text: $data.ManufacturerName"></td>
                            <td data-bind="text: $data.CategoryName"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!-- /ko -->
    <div class="space30"></div>
    <div data-bind="visible: isProductsLoading">
        <div id="pager_loading"></div>
    </div>
    <!-- ko if: searchResult.products().length != 0 && !isProductsLoading() && hasNextPage() -->
    <div id="pager_container">
        <div class="container" style="display: none;">
            <div class="alert alert-info text-center">
                <a  data-bind="click: viewNextObjects">查看下一个 <span id="pagerNbrOfObjects"></span> 对象 <img src="/pro2/resources/o/theme/default/style/images/moreproducts_arrow.png" alt="" /></a>
            </div>
        </div>
    </div>
    <!-- /ko -->
    <div class="space30"></div>
    <div class="container"><div class="alert alert-info text-center" data-bind="visible: !hasNextPage()">已显示所有产品</div></div>
</div>
</div>


    <!-- Libs -->
    <script src="/pro2/resources/o/theme/default/style/js/plugins.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.easing.js"></script>
    
    <script src="/pro2/resources/o/theme/default/style/js/jquery.cookie.js"></script>

    <script src="/pro2/resources/o/theme/default/style/js/bootstrap.min.3.2.0.js"></script>
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/tooltip.js"></script>
    
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/bootstrap-datepicker.defaults.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.themepunch.tools.min.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.themepunch.revolution.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/owl.carousel.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.flipshow.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.stellar.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.validate.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.isotope.js"></script>
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/task.js"></script>

    <script src="/pro2/resources/o/theme/default/style/js/view.home.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/theme.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/custom.js"></script>
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/site.dialogues.js"></script>
    

    

    <script src="/pro2/resources/o/theme/default/style/js/json2.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/jquery.history.min.js"></script>

    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/knockout-3.1.0.js"></script>
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/knockout.mapping-latest.js"></script>
    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/knockout.custom.js"></script>

    <script src="/pro2/resources/o/theme/default/style/js/modernizr.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/bootstrap-select.min.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/numeral.js"></script>
    <script src="/pro2/resources/o/theme/default/style/js/waypoints.js"></script>
    <script src="/pro2/resources/js/angular.min.js"></script>
    <script src="/pro2/resources/bm/js/ProductController.js"></script>

    <script type="text/javascript" src="/pro2/resources/o/theme/default/style/js/site.product.index.js"></script>
    <script type="text/javascript">
        var vm = new ProductListViewModel();
        vm.filter = ko.mapping.fromJS({"ListOrder":"","FreeText":"","Manufacturer":null,"ProductFamilyId":null,"ProductGroupId":null,"CategoryId":null,"MaterialId":null,"BuildingTypeId":null,"FunctionalSpaceId":null,"FileTypeId":null,"ContentTypeId":null,"MyBoard":false,"Board":null});
        vm.sources.ManufacturerSource = [{"Id":"16","Name":"上海建工装饰集团"},{"Id":"31","Name":"上海港城开发集团"},{"Id":"36","Name":"现代建筑设计"},{"Id":"42","Name":"名门静音门锁"},{"Id":"45","Name":"帕莱斯"},{"Id":"46","Name":"千思板"},{"Id":"47","Name":"钛锌板"}];
        vm.sources.CategorySource = [{"Id":340,"Name":"建筑"},{"Id":337,"Name":"场地"},{"Id":231,"Name":"窗"},{"Id":224,"Name":"扶手"},{"Id":211,"Name":"建筑柱"},{"Id":332,"Name":"景观"},{"Id":129,"Name":"栏杆"},{"Id":213,"Name":"轮廓"},{"Id":208,"Name":"门"},{"Id":184,"Name":"幕墙"},{"Id":322,"Name":"体量"},{"Id":195,"Name":"专用设备"},{"Id":313,"Name":"结构"},{"Id":314,"Name":"板"},{"Id":330,"Name":"挡土墙"},{"Id":167,"Name":"洞口"},{"Id":223,"Name":"钢筋"},{"Id":242,"Name":"桁架"},{"Id":141,"Name":"基础"},{"Id":215,"Name":"框架"},{"Id":315,"Name":"连接节点"},{"Id":38,"Name":"梁"},{"Id":229,"Name":"异形构件"},{"Id":170,"Name":"柱"},{"Id":328,"Name":"桩"},{"Id":53,"Name":"暖通"},{"Id":228,"Name":"空调设备"},{"Id":227,"Name":"通风设备"},{"Id":41,"Name":"集水设备"},{"Id":218,"Name":"管道"},{"Id":177,"Name":"过滤设备"},{"Id":225,"Name":"分布控制"},{"Id":199,"Name":"其他部件"},{"Id":233,"Name":"给排水"},{"Id":209,"Name":"泵"},{"Id":56,"Name":"阀门"},{"Id":50,"Name":"安全阀"},{"Id":143,"Name":"报警阀"},{"Id":179,"Name":"电磁阀"},{"Id":196,"Name":"蝶阀"},{"Id":334,"Name":"多功能阀"},{"Id":221,"Name":"浮球阀"},{"Id":226,"Name":"隔膜阀"},{"Id":210,"Name":"减压阀"},{"Id":45,"Name":"截止阀"},{"Id":245,"Name":"控制阀"},{"Id":241,"Name":"排气阀"},{"Id":185,"Name":"平衡阀"},{"Id":320,"Name":"球阀"},{"Id":217,"Name":"调节阀"},{"Id":187,"Name":"温度调节阀"},{"Id":46,"Name":"吸气阀"},{"Id":43,"Name":"泄压阀"},{"Id":58,"Name":"信号阀"},{"Id":309,"Name":"旋塞阀"},{"Id":235,"Name":"选择阀"},{"Id":44,"Name":"闸阀"},{"Id":214,"Name":"止回阀"},{"Id":48,"Name":"给排水附件"},{"Id":169,"Name":"水管管件"},{"Id":55,"Name":"卫生器具"},{"Id":222,"Name":"消防"},{"Id":234,"Name":"分集水器"},{"Id":40,"Name":"电气"},{"Id":230,"Name":"安防"},{"Id":220,"Name":"供配电"},{"Id":331,"Name":"通讯"},{"Id":206,"Name":"医疗"},{"Id":54,"Name":"综合布线"},{"Id":37,"Name":"桥架"},{"Id":318,"Name":"梯式桥架"},{"Id":49,"Name":"托盘式桥架"},{"Id":323,"Name":"槽式桥架"},{"Id":316,"Name":"组合式桥架"},{"Id":219,"Name":"线管配件"},{"Id":335,"Name":"开关"},{"Id":319,"Name":"插座"},{"Id":321,"Name":"照明"},{"Id":168,"Name":"室内照明"},{"Id":47,"Name":"导轨和支架式灯具"},{"Id":212,"Name":"高低天棚灯具"},{"Id":186,"Name":"轨道射灯"},{"Id":205,"Name":"花灯和壁灯"},{"Id":325,"Name":"环形吸顶灯"},{"Id":200,"Name":"立灯"},{"Id":201,"Name":"埋地灯"},{"Id":194,"Name":"嵌入灯"},{"Id":42,"Name":"射灯"},{"Id":236,"Name":"台灯"},{"Id":240,"Name":"特殊灯具"},{"Id":57,"Name":"筒灯"},{"Id":333,"Name":"室外照明"},{"Id":232,"Name":"特殊照明"},{"Id":192,"Name":"电梯"},{"Id":178,"Name":"吊架"},{"Id":171,"Name":"专业设备"},{"Id":311,"Name":"医疗设备"},{"Id":308,"Name":"工业设备"},{"Id":307,"Name":"安全系统"},{"Id":202,"Name":"家居"},{"Id":166,"Name":"家具"},{"Id":52,"Name":"橱柜"},{"Id":238,"Name":"椅子"},{"Id":207,"Name":"桌子"},{"Id":197,"Name":"床"},{"Id":198,"Name":"家电"},{"Id":326,"Name":"卫浴"},{"Id":237,"Name":"厨房"},{"Id":39,"Name":"吊柜"},{"Id":128,"Name":"橱柜"},{"Id":244,"Name":"灶台"},{"Id":188,"Name":"其他"}];
        vm.sources.MaterialSource = [{"Id":95,"Name":"ABS"},{"Id":96,"Name":"EPS"},{"Id":158,"Name":"黏土"},{"Id":152,"Name":"MDF"},{"Id":49,"Name":"MDF 板"},{"Id":85,"Name":"MFC 板"},{"Id":156,"Name":"PBT"},{"Id":133,"Name":"PC/ABS "},{"Id":134,"Name":"PE/PP"},{"Id":91,"Name":"PH-HD"},{"Id":98,"Name":"PP-MD"},{"Id":78,"Name":"PVC"},{"Id":138,"Name":"PVC涂层聚酯"},{"Id":99,"Name":"PVDF"},{"Id":122,"Name":"SaphirKeramik"},{"Id":30,"Name":"白蜡木"},{"Id":143,"Name":"钣金"},{"Id":153,"Name":"表面膜"},{"Id":47,"Name":"丙烯酸酯"},{"Id":93,"Name":"玻化瓷"},{"Id":16,"Name":"玻璃"},{"Id":79,"Name":"玻璃颗粒"},{"Id":87,"Name":"玻璃棉"},{"Id":31,"Name":"玻璃纤维"},{"Id":81,"Name":"玻璃纤维增强聚合物基复合材料"},{"Id":12,"Name":"不锈钢"},{"Id":3,"Name":"钚"},{"Id":27,"Name":"层压板"},{"Id":36,"Name":"瓷"},{"Id":55,"Name":"大理石"},{"Id":62,"Name":"涤纶"},{"Id":108,"Name":"电镀锌"},{"Id":142,"Name":"镀锌钢"},{"Id":88,"Name":"镀锌钢板"},{"Id":14,"Name":"纺织品"},{"Id":75,"Name":"粉末涂层钢"},{"Id":35,"Name":"钢"},{"Id":15,"Name":"铬"},{"Id":48,"Name":"硅铝合金"},{"Id":146,"Name":"硅酸钙"},{"Id":29,"Name":"胡桃木"},{"Id":26,"Name":"桦木"},{"Id":130,"Name":"环氧树脂"},{"Id":19,"Name":"黄铜"},{"Id":52,"Name":"灰泥"},{"Id":24,"Name":"混凝土"},{"Id":69,"Name":"挤塑聚苯乙烯（XPS）"},{"Id":109,"Name":"胶合板"},{"Id":5,"Name":"金属"},{"Id":32,"Name":"榉木"},{"Id":77,"Name":"聚氨酯"},{"Id":53,"Name":"聚苯乙烯（EPS）"},{"Id":58,"Name":"聚丙烯"},{"Id":83,"Name":"聚合天然石材"},{"Id":46,"Name":"聚碳酸酯"},{"Id":135,"Name":"聚酰胺"},{"Id":92,"Name":"聚乙烯"},{"Id":51,"Name":"聚异氰脲酸酯PIR"},{"Id":56,"Name":"聚酯树脂"},{"Id":125,"Name":"矿物大理石"},{"Id":6,"Name":"铝"},{"Id":54,"Name":"麻面料"},{"Id":112,"Name":"马赛克"},{"Id":44,"Name":"毛织品"},{"Id":141,"Name":"密封胶"},{"Id":7,"Name":"木材"},{"Id":65,"Name":"尼龙"},{"Id":148,"Name":"刨花板"},{"Id":25,"Name":"泡沫绝缘"},{"Id":90,"Name":"炮铜"},{"Id":9,"Name":"皮革"},{"Id":107,"Name":"热浸镀锌"},{"Id":39,"Name":"软木"},{"Id":86,"Name":"三聚氰胺"},{"Id":57,"Name":"石板"},{"Id":60,"Name":"石膏"},{"Id":18,"Name":"石头"},{"Id":23,"Name":"水泥"},{"Id":34,"Name":"松木"},{"Id":2,"Name":"塑料"},{"Id":149,"Name":"钛"},{"Id":89,"Name":"碳钢"},{"Id":17,"Name":"陶瓷"},{"Id":137,"Name":"天然亚克力石材"},{"Id":20,"Name":"铜"},{"Id":124,"Name":"铜器"},{"Id":111,"Name":"细木工板"},{"Id":22,"Name":"纤维水泥"},{"Id":128,"Name":"纤维素"},{"Id":73,"Name":"纤维毡"},{"Id":42,"Name":"橡胶"},{"Id":28,"Name":"橡木"},{"Id":50,"Name":"锌"},{"Id":41,"Name":"亚克力"},{"Id":105,"Name":"岩棉"},{"Id":144,"Name":"乙烯基"},{"Id":13,"Name":"银"},{"Id":43,"Name":"樱桃木"},{"Id":72,"Name":"油地毡"},{"Id":126,"Name":"油漆"},{"Id":61,"Name":"有机物"},{"Id":116,"Name":"柚木"},{"Id":84,"Name":"玉瓷色天然细石"},{"Id":102,"Name":"云杉"},{"Id":145,"Name":"蒸压加气混凝土"},{"Id":37,"Name":"纸"},{"Id":40,"Name":"竹子"},{"Id":151,"Name":"铸铁"},{"Id":68,"Name":"铸造大理石"},{"Id":123,"Name":"其他"},{"Id":64,"Name":"Eurolight®"},{"Id":110,"Name":"HI-MACS"},{"Id":67,"Name":"Leca®"},{"Id":127,"Name":"Stonex"},{"Id":71,"Name":"Terreon"},{"Id":33,"Name":"被覆材料"},{"Id":136,"Name":"电子和光学组件"},{"Id":82,"Name":"电子束固化丙烯酸清漆"},{"Id":150,"Name":"珐琅"},{"Id":76,"Name":"隔离"},{"Id":121,"Name":"固体表面"},{"Id":131,"Name":"加强"},{"Id":45,"Name":"矿物"},{"Id":113,"Name":"马赛克"},{"Id":8,"Name":"木头"},{"Id":100,"Name":"抛光"},{"Id":154,"Name":"酸橙"},{"Id":155,"Name":"坦噶尼喀"},{"Id":80,"Name":"婴儿服"},{"Id":66,"Name":"砖石建筑"}];
        vm.sources.BuildingTypeSource = [{"Id":70,"Name":"住宅"},{"Id":63,"Name":"公寓房"},{"Id":71,"Name":"教育"},{"Id":76,"Name":"卫生保健"},{"Id":67,"Name":"园林艺术"},{"Id":139,"Name":"休闲"},{"Id":138,"Name":"商业"},{"Id":65,"Name":"高楼"},{"Id":68,"Name":"办公室"},{"Id":74,"Name":"仓库"},{"Id":66,"Name":"工业"},{"Id":172,"Name":"站点"},{"Id":80,"Name":"零售"},{"Id":72,"Name":"公共空间"},{"Id":78,"Name":"娱乐"},{"Id":61,"Name":"酒店"},{"Id":73,"Name":"购物中心"},{"Id":79,"Name":"活动中心"},{"Id":62,"Name":"餐饮"},{"Id":59,"Name":"机场"},{"Id":69,"Name":"铁路车站"},{"Id":140,"Name":"运输"},{"Id":243,"Name":"车库"},{"Id":64,"Name":"农业"},{"Id":60,"Name":"海洋"},{"Id":75,"Name":"行业"}];
        vm.sources.FunctionalSpaceSource = [{"Id":111,"Name":"客厅"},{"Id":134,"Name":"卧室"},{"Id":105,"Name":"书房"},{"Id":98,"Name":"浴室"},{"Id":189,"Name":"厨房"},{"Id":118,"Name":"厕所"},{"Id":130,"Name":"阳台"},{"Id":102,"Name":"储藏间"},{"Id":110,"Name":"办公室"},{"Id":117,"Name":"前台"},{"Id":115,"Name":"会议室"},{"Id":99,"Name":"商场"},{"Id":106,"Name":"影院"},{"Id":104,"Name":"超市"},{"Id":180,"Name":"残障区域"},{"Id":121,"Name":"餐饮"},{"Id":116,"Name":"休闲区域"},{"Id":113,"Name":"等待区域"},{"Id":183,"Name":"公共区域"},{"Id":144,"Name":"公用事业"},{"Id":181,"Name":"儿童活动区"},{"Id":100,"Name":"礼堂"},{"Id":114,"Name":"楼道/走道"},{"Id":131,"Name":"户外活动区域"},{"Id":109,"Name":"维护区域"},{"Id":107,"Name":"维修区域"},{"Id":119,"Name":"洗车站"},{"Id":120,"Name":"卫生保健"},{"Id":112,"Name":"医疗区域"},{"Id":137,"Name":"游泳场馆"},{"Id":132,"Name":"剧场/剧院"},{"Id":136,"Name":"公园/游园"},{"Id":108,"Name":"运动场馆"},{"Id":182,"Name":"艺术展馆"},{"Id":122,"Name":"工厂"},{"Id":103,"Name":"仓储场地"},{"Id":133,"Name":"机场"},{"Id":101,"Name":"码头"},{"Id":147,"Name":"停车场"},{"Id":145,"Name":"其他"}];
        vm.sources.FileTypeSource = [{"Id":2,"Name":"3ds"},{"Id":3,"Name":"Allplan"},{"Id":6,"Name":"ArchiCAD"},{"Id":56,"Name":"ArchiCAD AAT 文件"},{"Id":7,"Name":"Artlantis"},{"Id":1,"Name":"AutoCAD"},{"Id":72,"Name":"AutoDesk Inventor Assembly"},{"Id":71,"Name":"Bentley Microstation"},{"Id":58,"Name":"BIMx"},{"Id":70,"Name":"Cinema 4D"},{"Id":87,"Name":"COBie产品数据表"},{"Id":84,"Name":"COBie产品数据模板"},{"Id":47,"Name":"DIALux"},{"Id":83,"Name":"DWF"},{"Id":96,"Name":"DXF"},{"Id":8,"Name":"Ifc"},{"Id":13,"Name":"JPG"},{"Id":64,"Name":"MOD (ArchiCAD 模块)"},{"Id":88,"Name":"OBJ"},{"Id":35,"Name":"PDF"},{"Id":63,"Name":"PLA (ArchiCAD 模型)"},{"Id":36,"Name":"PNG"},{"Id":48,"Name":"QuickTime MOVIE"},{"Id":9,"Name":"Revit"},{"Id":65,"Name":"Revit 安装程序"},{"Id":94,"Name":"Revit共享参数"},{"Id":52,"Name":"Revit系列类型目录"},{"Id":66,"Name":"Revizto"},{"Id":74,"Name":"SAT"},{"Id":33,"Name":"Sketchup"},{"Id":78,"Name":"Solid Edge Assembly"},{"Id":75,"Name":"SolidWorks Assembly"},{"Id":76,"Name":"SolidWorks Part"},{"Id":81,"Name":"STL"},{"Id":53,"Name":"Zip"},{"Id":55,"Name":"ZIP 备注： 仅供开发！"},{"Id":61,"Name":"安装文件（EXE）"},{"Id":57,"Name":"材料和纹理"},{"Id":22,"Name":"光数据"},{"Id":80,"Name":"台阶"},{"Id":90,"Name":"犀牛"}];
        vm.sources.ContentTypeSource = [{"Id":336,"Name":"Building Material"},{"Id":176,"Name":"对象（单个对象）"},{"Id":175,"Name":"集合（多个对象）"},{"Id":191,"Name":"文档（信息）"},{"Id":174,"Name":"展示（模型）"}];
        vm.sources.ListOrderSource = [{"Id":"productname","Name":"产品名"},{"Id":"brandname","Name":"品牌"},{"Id":"productsku","Name":"产品SKU"}];
        vm.init();
        ko.applyBindings(vm, $('#content')[0]);

        //get first page
        vm.refreshProducts(vm.actualskip);

        //it sets up the active css class
        var setDropDownBackground = function(selectElement) {

            var element = $(selectElement);
            var className = element.data('active-class');
            var nextButton = element.next('div').children('button').first();

            if (nextButton.length > 0) {
                if (element.val()) {
                    nextButton.addClass(className);
                } else {
                    nextButton.removeClass(className);
                }
            }

        };

        $(document).ready(function() {

            $('select.selectpicker').selectpicker();
            $('select.selectpicker').change(function() {
                setDropDownBackground(this);
            });

            //init dropdowns
            $('select.selectpicker').each(function(key, value) {
                setDropDownBackground(value);
            });

        });
    </script>

</body>
</html>